<template>
  <div class="hello">
    <div class="footer1">
      <div class="container">
        <div class="service1 w">
          <ul class="list-service">
            <li>
              <a href>借书还书服务</a>
            </li>
            <li>
              <a href>7天无理由退货</a>
            </li>
            <li>
              <a href>15天免费换货</a>
            </li>
            <li>
              <a href>满69包邮</a>
            </li>
            <li>
              <a href>520余家售后实体店</a>
            </li>
          </ul>
        </div>
        <div class="links w">
          <dl class="links-first">
            <dt>帮助中心</dt>
            <dd>
              <span>账户管理</span>
            </dd>
            <dd>
              <span>购物指南</span>
            </dd>
            <dd>
              <span>订单操作</span>
            </dd>
          </dl>
          <dl class="links-first">
            <dt>服务支持</dt>
            <dd>
              <span>售后政策</span>
            </dd>
            <dd>
              <span>自助服务</span>
            </dd>
            <dd>
              <span>相关下载</span>
            </dd>
          </dl>
          <dl class="links-first">
            <dt>线下门店</dt>
            <dd>
              <span>天奇之家</span>
            </dd>
            <dd>
              <span>服务网点</span>
            </dd>
            <dd>
              <span>授权实体店</span>
            </dd>
          </dl>
          <dl class="links-first">
            <dt>关于天奇</dt>
            <dd>
              <span>了解天奇</span>
            </dd>
            <dd>
              <span>加入天奇</span>
            </dd>
            <dd>
              <span>投资者关系</span>
            </dd>
            <dd>
              <span>企业社会责任</span>
            </dd>
            <dd>
              <span>廉洁举报</span>
            </dd>
          </dl>
          <dl class="links-first">
            <dt>关注我们</dt>
            <dd>
              <span>新浪微博</span>
            </dd>
            <dd>
              <span>官方微信</span>
            </dd>
            <dd>
              <span>联系我们</span>
            </dd>
            <dd>
              <span>公益基金会</span>
            </dd>
          </dl>
          <dl class="links-first">
            <dt>特色服务</dt>
            <dd>
              <span>促销活动</span>
            </dd>
            <dd>
              <span>礼物码</span>
            </dd>
            <dd>
              <span>防伪查询</span>
            </dd>
          </dl>
          <div class="contact">
            <p class="phone">TianQi微信服务号</p>
            <p>
              <img src="../images/wxfw.jpg" alt />
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "footer",
};
</script>
<style>
 .clearfix:after  {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix  {
  /* IE6、7 专有 */
  *zoom: 1;
}
.service1 {
  width: 1200px;
  height: 60px;
  border-bottom: 1px solid #e0e0e0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(224, 224, 224);
}
.service1 ul {
  margin: auto;
  padding-top: 20px;
}
.service1 ul li {
  padding-right: 110px;
  margin-left: 10px;
  margin-top: -10px;
}

.links-first {
  /* outline: 1px solid red; */
  float: left;
  width: 160px;
  margin-top: 10px;
  cursor: pointer;
  /* margin: 1px; */
}
.links-first dt {
  color: #5f5e5d;
}
.links-first dd {
  /* margin-top: 20px; */
  padding-top: 15px;
  font-size: 11px;
  color: rgb(126, 119, 119);
}
.links-first dd:hover {
  color: #ff6700;
}
.links-first span {
  margin-left: -40px;
  font-size: 14px;
  /* outline: 1px solid red; */
}
.phone {
  font-size: 22px;
  line-height: 1;
  color: #ff6700;
}
.contact img {
  width: 145px;
  margin-left: 15px;
}
.links-first a {
  font-size: 0.5px;
  color: #757575;
  /* text-decoration: none;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial; */
}
dd {
  /* display: block; */
  /* margin-inline-start: 40px; */
  font-size: 20px;
}
dd > a {
  color: #000;
  margin-left: -40px;
}
dl {
  display: block;
  /* margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px; */
}
.info {
  padding: 20px 0;
  font-size: 12px;
  /* background: #fafafa; */
}
.info .con-tainer {
  position: relative;
}
.info .logo {
  width: 56px;
  height: 56px;
  margin-right: 10px;
  background: url(//s02.mifile.cn/assets/static/image/logo-mi2.png) no-repeat;
  background-size: 56px;
  position: absolute;
  top: 0;
  left: 0;
}
.info .info-text {
  color: #b0b0b0;
  padding-left: 67px;
  margin-top: 20px;
}
.info-text p {
  display: block;
  /* margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px; */
  margin: 0;
  line-height: 18px;
}
.info-text p a {
  color: #b0b0b0;
}
.site-info .info-links {
  height: 28px;
  margin: 4px 0 15px;
  padding-left: 67px;
}
.info-text .sites a {
  color: #757575;
}
.info-text .sites {
  /* outline: 1px solid #ff6700; */
}
.info-text .sites1 {
  /* outline: 1px solid #00ff37; */
  margin-top: 110px;
}
.w {
  width: 1200px;
  margin: 0 auto;
}

.nav {
  height: 60px;
  padding-top: 10px;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}

ul {
  margin: -40px -7px -35px 70px;
}
ul li {
  display: inline-block;
  margin: 0 10px;
}
ul li a {
  color: #000;
}
</style>